<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Myfuns</title>

<!--[if lt IE 6]>
<script src="firebug.js"></script>
<![endif]-->
<style id="disp">
	#disp {
		border:1px solid green;
		height:50px;
		}
	
	#disp p {
		border:1px solid blue;
		height:50px;
	}
	.fff{
		background:green;
	}
	td{border:1px solid red;}
</style>
</head>

<body>
	<ul id="ul">
		<li>列表一</li>
		<li>列表二</li>
		<li>列表三</li>
	</ul>
	<select id="se">
		<option>123456</option>
	</select>
<div class="yuanjiao">
	<table id="tts">
    <thead></thead>
    <tfoot></tfoot>
    <tbody>
    <tr><td>一一一</td><td>二二二</td><td>三三三</td></tr>
    <tbody>
    </table>
</div>
</body>
<script src="../js/Myfuns.js" ></script>
<script>
//alert(funs.$classNames.has($("tt"),"clas"))


//$sj.copy("$obj('tt')" , "$sj.util")

//$obj("tt").addClass("fff")

//var ttt = "dfasdfasdf"
  


var ht = "li{border:1px solid blue;}div{border:1px solid green;}td{border:1px solid blue;}"
var op = "<option value='hehe'>xxxxx</option><option>555sddd</option>"
var lis = "<li>列表000</li>"
var ps = "<tr class='test'><td>111</td><td class=test2>222</td><td>333</td></tr><tr><td>444</td><td style='background:red;' class='test3'>555</td><td><span style='background:red;'>666</span></td></tr>"

$sj.insertHtml($obj('disp') , ht, "beforeend")
$sj.insertHtml($obj('ul') , lis, "afterbegin")

$sj.insertHtml($obj('tts') , ps ,"beforeend")
$sj.insertHtml($obj('se') , op)





</script>
</html>
